<!-- BEGIN: center-->
<script src="{base_url}templates/spa/js/vendor/jquery-1.7.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="{base_url}js/adGallery/jquery.ad-gallery.css">

<script type="text/javascript" src="{base_url}js/adGallery/jquery.ad-gallery.js"></script>
<script type="text/javascript">
  $(function() {
    <!-- BEGIN: listText-->
    $('img.image{list.id}').data('ad-desc', '{list.description}');
    $('img.image{list.id}').data('ad-title', '{list.title}');
    <!-- END: listText-->
    var galleries = $('.ad-gallery').adGallery();
    
    $('#switch-effect').change(
      function() {
        galleries[0].settings.effect = $(this).val();
        return false;
      }
    );
    $('#toggle-slideshow').click(
      function() {
        galleries[0].slideshow.toggle();
        return false;
      }
    );
  });
  </script>
<div class="breadcrumbs">
    <a href="#" title=""><?php echo _LB_HOME?></a> » <span><?php echo _LB_GALLERY?>	</span>
</div>
<div class="detail_block">
    <div class="sidebar">
        <ul class="sv_list">
            <!-- BEGIN: listAboutUs-->
            <li>
                <a href="{base_url}{list.id}-<?php echo _LB_MOD_ABOUTUS?>/{list.url_html}" title="{list.title}"><h2>{list.title}</h2></a>
            </li>
            <!-- END: listAboutUs-->  
        </ul>
    </div>
    <div class="detail_content">
        <div id="gallery" class="ad-gallery">
        <div class="ad-image-wrapper">
        </div>
        <div class="ad-controls">
        </div>
        <div class="ad-nav">
            <div class="ad-thumbs">
                <ul class="ad-thumb-list">
                    <!-- BEGIN: listImage-->
                    <li>
                        <a href="{base_url}upload/gallery/{list.image}">
                            <img src="{base_url}upload/gallery/thumb{list.image}" title="{list.title}" alt="{list.description}" class="image{list.id}">
                        </a>
                    </li>
                    <!-- END: listImage-->
                </ul>
            </div>
        </div>
        </div>
    </div>
</div>
<!-- END: center-->
